$prefix = 'd-'

// base
$font-family = "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif
$line-height = 1.5

//font-size
$font-size = 14px
$font-size-mini = 13px

// color
$primary-color = #4CAF50
$primary2-color = rgba($primary-color, .45)
$primary3-color = rgba($primary-color, .15)
$link-color = $primary-color
$blue-color = #03A9F4 // info
$green-color = #8BC34A // success
$yellow-color = #FFC107 // warn
$red-color = #F44336 // danger
$white-color = #ffffff
$black-color = #000000

$dark-color = #333333
$dark2-color = rgba($dark-color, .85)
$dark3-color = rgba($dark-color, .75)
$dark4-color = rgba($dark-color, .65)
$dark5-color = rgba($dark-color, .55)

$gray-color = #c1c1c1
$gray2-color = rgba($gray-color, .75)
$gray3-color = rgba($gray-color, .55)
$gray4-color = rgba($gray-color, .35)
$gray5-color = rgba($gray-color, .15)

// component
$row-prefix = $prefix + 'row'
$col-prefix = $prefix + 'col'
$icon-prefix = $prefix + 'icon'
$input-prefix = $prefix + 'input'
$button-prefix = $prefix + 'btn'
$buttongroup-prefix = $button-prefix + '-group'
$numberinput-prefix = $prefix + 'numberinput'
$tagInput-prefix = $prefix + 'tagInput'
$search-prefix = $prefix + 'search'
$switch-prefix = $prefix + 'switch'
$switchList-prefix = $prefix + 'switchlist'
$radio-prefix = $prefix + 'radio'
$checkbox-prefix = $prefix + 'checkbox'
$select-prefix = $prefix + 'select'
$slider-prefix = $prefix + 'slider'
$rate-prefix = $prefix + 'rate'
$form-prefix = $prefix + 'form'
$notify-prefix = $prefix + 'notify'
$modal-prefix = $prefix + 'modal'
$notice-prefix = $prefix + 'notice'
$message-prefix = $prefix + 'message'
$tooltip-prefix = $prefix + 'tooltip'
$pop-prefix = $prefix + 'pop'
$poptip-prefix = $prefix + 'poptip'
$page-prefix = $prefix + 'page'
$tabs-prefix = $prefix + 'tabs'
$menu-prefix = $prefix + 'menu'
$breadcrumb-prefix = $prefix + 'breadcrumb'
$table-prefix = $prefix + 'table'
$loading-prefix = $prefix + 'loading'
$loadingBar-prefix = $prefix + 'loadingbar'
$datePicker-prefix = $prefix + 'date-picker'
$tree-prefix = $prefix + 'tree'
$autoComplete-prefix = $prefix + 'autoComplete'
$layout-prefix = $prefix + 'layout'
$layout-header-prefix = $layout-prefix + '-header'
$layout-footer-prefix = $layout-prefix + '-footer'
$layout-sider-prefix = $layout-prefix + '-sider'
$layout-content-prefix = $layout-prefix + '-content'
$dropdown-prefix = $prefix + 'dropdown'
$dropdowncustom-prefix = $prefix + 'dropdowncustom'
$uploader-prefix = $prefix + 'uploader'
$progress-prefix = $prefix + 'progress'
$circle-prefix = $prefix + 'circle'
$imagePreview-prefix = $prefix + 'image-preview'
$avatar-prefix = $prefix + 'avatar'
$badge-prefix = $prefix + 'badge'
$timeline-prefix = $prefix + 'timeline'
$transfer-prefix = $prefix + 'transfer'
$affix-prefix = $prefix + 'affix'
$tag-prefix = $prefix + 'tag'
$steps-prefix = $prefix + 'steps'
$collapse-prefix = $prefix + 'collapse'

// notify
$notify-container-width = 350px
$notify-content-padding = 10px 15px
$notify-mask-zindex = 1000
$notify-container-zindex = 1001

// loadingBar
$loadingbar-zindex = 2000

// border
$border-radius-size = 4px

// animate
$transition-time = .2s
$animate-time = .3s